vue-cli + webpack自动生成项目
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack palanWebsite# 安装依赖，走你$ cd palanWebsite$ npm install$ npm run dev创建过程参考：https://www.2cto.com/kf/201711/695061.html，单元测试选择的是jest创建好的项目结构如下：下面就重点分析build和config目录下各个配置文件的...
2024-01-10
vue-cli脚手架之webpack.test.conf.js
webpack单元测试配置：// This is the webpack config used for unit tests.var utils = require('./utils')//utils.js文件导入var webpack = require('webpack')//webpack模块导入var merge = require('webpack-merge')//合并模块插件var baseConfig = require('./webpack.base.conf')//导入基础配置webp...
2024-01-10
vue-cli#2.0 webpack 配置分析
作者：滴滴公共前端团队 - 王宏宇前言作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析vue-cli 的简介、安装我们不在这里赘述，对它还不熟悉的同学可以直接访问 vue-cli 查看目录结构.├── README.md├── buil...
2024-01-10
vue-cli脚手架的.babelrc文件
{ // 此项指明，转码的规则 "presets": [ // env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件，不进行转码 ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], ...
2024-01-10
vue-cli 添加less 以及sass
1、sasscnpm i node-sass --save-devcnpm i sass-loader --save-dev2、lessnpm install less --save-devnpm install less-loader --save-dev注释： 不需要修改 webpack.base.conf.js 内容备注：如果导入的是iviewpackage.json ...
2024-01-10
vue 的 object 自己用自己的值？
const configCommon = { defaultLang: 'ch', productionHost: 'abc.com', apiHost: location.host.indexOf('abc.com') > -1 ? 'https://api.abc.com' : 'http://127.0.0.1:8200', deviceWidth: 500, ...}...
2024-03-16
vue-cli + webpack 多页面实例应用
关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合...
2024-01-10
vue-cli proxyTable中跨域中pathRewrite 怎么用
问：proxyTable 里面的pathRewrite里面的‘^/iclient’:'' 什么意思？答：用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.'/iclient': {}, 就是告诉node, 我接口只要是'/iclient'开头的才用代理.所以你的接...
2024-01-10
webpack vue-cli 一有空格和分号就报错
webpack vue-cli 一有空格和分号就报错eslintrc.js 这是ESLint的配置文件,至于为什么用ESLint的话,就是为了自动检查代码,保持一致的代码风格,从而保证代码质量.这里需要注意的是,在eslintrc.js文件里面:rules是自定义的检查规则,可以覆盖默认的检查规则,例如要加分号,函数要加空格,这个跟代码风格有关 'rules': {...
2024-01-10
vue-cli脚手架之webpack.dev.conf.js
webpack.dev.conf.js 开发环境模式配置文件：'use strict'//js按照严格模式执行const utils = require('./utils')//导入utils.jsconst webpack = require('webpack')//使用webpack来使用webpack内置插件const config = require('../config')//config文件夹下index.js文件const merge = require('webpack-merge')//...
2024-01-10
vue-cli 3 编译时 css 放在 body 里
修改 vue.config.js// https://stackoverflow.com/questions/58263664/vue-js-inject-styles-in-body-instead-of-head-of-index-html-webpack-htmlwebclass InjectStylesInBody { apply(compiler) { compiler.hooks.compilation.tap('inject-styles-in-body', (compilation)...
2024-01-10
解决vue-cli + webpack 新建项目出错的问题
今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下：没有给这些选项指定值：config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, output-filename, output-chunk-filename, output-source-map-filename, output-public-path, o...
2024-01-10
webpack中‘mint-ui’全局引入和按需引入【vue-cli】 - jack_jo
webpack中‘mint-ui’全局引入和按需引入【vue-cli】 一、安装 npm i mint-ui -S二、引入1.全局引入import MintUI from \'mint-ui\'import \'mint-ui/lib/style.css\'Vue.use(MintUI)2.按需引入// 1.需要先安装npm install babel-plugin-component -D// 2.在babelrc中配置 "plugins": [...
2024-01-10
【JS】Object.create(null) 和 {} 区别是什么
Object.create(null) 和 {} 区别是什么 看vuex源码定于对象都是Object.create(null) 为何不直接使用 {}回答Object.create(null)没有继承任何原型方法，也就是说它的原型链没有上一层。console.log(Object.create({}).toString); // function toString() { [native code] }console.log(Object.create(null).toString); // undefi...
2024-01-10浅谈JsonObject中的key-value数据解析排序问题
1、JsonObject中的数据是key-value形式，通过JsonObject的keys方法得到key的迭代器是无序的，要想实现排序，目前只能通过加装一层处理（方法来自Stack Overflow,感谢大神），将key-vlaue放入ThreeMap排序，排序规则默认是字母表顺序，可自定义Comparator修改。iteratorKeys = object.keys();//得到所有title SortedMap map = new Tre...
2024-01-10
vue-cli 路由 实现类似tab切换效果（vue 2.0）
1，更改main.js2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件）----其中，为什么要使用<router-link></router-link>, 请移步：http://router.vuejs.org/zh-cn/api/router-link.html----router-view路由视图（必须）----css可以使用外部样式3，app.vue的样式如图。----.router-...
2024-01-10
mockito@Value设值
@Componentpublic class MonitorManager { @Value("${monitor.url}") private String monitorUrl; @Value("${monitor.userName}") private String monitorUserName; // 其他使用value的代码省略}@RunWith(PowerMockRunner.class)@PowerMockRunnerDelegate(SpringRunner....
2024-01-10基于vue-cli 路由 实现类似tab切换效果（vue 2.0）
1，更改main.js2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件）----其中，为什么要使用<router-link></router-link>, 请移步：http://router.vuejs.org/zh-cn/api/router-link.html----router-view路由视图（必须）----css可以使用外部样式3，app.vue的样式如图。----.route...
2024-01-10
浅谈vue-cli 3 和 vue-cli 2的区别！！！
Vue-cli3.0于8.11日正式发布，看了下评论，不是特别的乐观，说说我个人的意见，我是Vue的忠实粉，so....大概三个月前超哥就已经得知3.0的消息，试着用了下，相比之下现在的3.0和测试时的区别：modern mode。启用该模式会自动构建两个版本的 js 包，针对支持现代浏览器的原生 ES2015+ 包，和针对其他旧浏...
2024-01-10遗漏的类型错误：<my obj> .validate不是一个函数
我刚开始接触ember-validations，但我得到的错误：Uncaught TypeError: <my obj>.validate is not a function遗漏的类型错误：<my obj> .validate不是一个函数这里是我的对象扩展EmberValidations：import EmberValidations from 'ember-validations'; export default Ember.Object.extend(EmberValidations, { na...
2024-01-10
为什么阿里Java手册推荐慎用 Object 的 clone 方法来拷贝对象
图片若无法显示，可至掘金查看https://juejin.im/post/5d425230f265da039519d248前言在阿里Java开发手册中，有这么一条建议：慎用 Object 的 clone 方法来拷贝对象。对象 clone 方法默认是浅拷贝，若想实现深拷贝需覆写 clone 方法实现域对象的深度遍历式拷贝 。Java中的对象拷贝，有浅拷贝和深拷贝两种，如果没有搞...
2024-01-10
react 用value 直接赋值 必须用onchange的解决方式
render : function(){ return <input value={this.state.bankCardValue} type="text" onKeyUp={this.keyUp} ref="bankInput"/> }此情况下，报错。 直接赋值的input变为了受控的input，必须有个onChange事件的回调。此时，可把value 改为用defaultValue的方式render : function(){ ...
2024-01-10
vue-cli webpack配置cdn路径 以及 上线之后的字体文件跨域处理
昨天搞了一下vue项目打包之后静态资源走阿里云cdn。配置了半天，终于找到了设置的地方config/index.js 里面设置build 下的 assetsPublicPath 打包的时候便可以添加公共前缀路径assetsSubDirectory: 'admin/static', // 生成的文件目录assetsPublicPath: 'https://cdn.xxxxx.com', // 添加路径前缀这样就可以修改掉打包的静态资...
2024-01-10
el-select选择不显示label 而显示value 数据类型相同
先看局部代码，select绑定certName 已经赋初始值Number类型再看certNameData本来请求到的数据id已经为Number类型，这里网上都说类型问题，所以加了个parseInt，虽然没啥用然后最后显示就是这个样子@change中我用这个id去请求了下一个input的数据，其它没做任何操作？有大佬遇到过这种问题吗？回答还是找不出...
2024-01-10解析映射中具有key = value对的字符串？
我下面有String，其格式key1=value1, key2=value2需要将其加载到地图中(Map<String,String>)，key=value因此我需要在逗号上分割,，然后加载cossn为键0及其值。String payload = "cossn=0, itwrqm=200006033213";Map<String, String> holder = Splitter.on(",").trimResults().withKeyValueSeparator("=").split...
2024-01-10
